@import "./demo";
// Base
//

.dropdown-item,
.page-link,
.nav {
  outline: 0;
}

// Page transition
//

.router-transitions {
  opacity: 1;
  transition: opacity .2s;

  body.app-loading & {
    opacity: .75;
  }
}

// Tables
// 处理iview分页组件的样式冲突问题
.ivu-page-item-active:hover a,
.ivu-page-item-active a {
  color: #fff !important;
}

.ivu-page-item a {
  margin: 0 6px;
  text-decoration: none;
  color: #495060;
}

.ivu-page-disabled a {
  color: #ccc;
}

.ivu-page-item a {
  margin: 0 6px;
  text-decoration: none;
  color: #495060;
}


table.b-table>thead>tr>th.sorting,
table.b-table>tfoot>tr>th.sorting {
  padding-right: 2rem;
}

[dir=rtl] .b-table>thead>tr>th.sorting,
[dir=rtl] .b-table>tfoot>tr>th.sorting {
  padding-left: 2rem;

  &:before {
    right: auto;
    left: .75em;
  }

  &:after {
    right: auto;
    left: .25em;
  }
}

.default-style[dir=rtl] .b-table {
  @import "~@/vendor/styles/_appwork/include";

  >thead>tr>th.sorting,
  >tfoot>tr>th.sorting {
    padding-right: $table-cell-padding;
  }

  &.card-table>thead>tr>th.sorting:first-child,
  &.card-table>tfoot>tr>th.sorting:first-child {
    padding-right: $card-spacer-x;
  }
}

.material-style[dir=rtl] .b-table {
  @import "~@/vendor/styles/_appwork/include-material";

  >thead>tr>th.sorting,
  >tfoot>tr>th.sorting {
    padding-right: $table-cell-padding;
  }

  &.card-table>thead>tr>th.sorting:first-child,
  &.card-table>tfoot>tr>th.sorting:first-child {
    padding-right: $card-spacer-x;
  }
}


// Border extend颜色扩展
//
.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}


// Color extend颜色扩展
//
$successColor: #19be6b;


// bootstrap 下拉框样式调整
.custom-select {
  min-height: 32px !important;
  height: 32px !important;
  padding-top: 0;
  padding-bottom: 0px;
}

select.form-control,
input.form-control {
  min-height: 32px !important;
  height: 32px !important;
}


.btn {
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 18px !important;
}


.ivu-modal-mask {
  overflow-y: scroll !important;
}

.ivu-table-tip {
  overflow-x: hidden !important;
}



.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}


// 覆盖头部栏的样式
.navbar {
  padding: 0rem 1rem;
}

.default-style .layout-sidenav .demo-brand {
  height: 50px !important;
}
